<!DOCTYPE html>
<html>
<head>
 <title>课程列表</title>
	    <link href="/mobile/css/bootstrap.css" rel='stylesheet' type='text/css'/>
	    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
         <script src="/mobile/js/jquery.min.js"></script>
	    <meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="keywords" content="Payroll Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
		Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
		<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
		<link rel="stylesheet" href="/mobile/css/flexslider.css" type="text/css" media="screen" />
		<link href="/mobile/css/style.css" rel="stylesheet" type="text/css" media="all" />
		<link href='https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,300italic,400italic,500italic,700italic' rel='stylesheet' type='text/css'>
        <link href='https://fonts.googleapis.com/css?family=Bree+Serif' rel='stylesheet' type='text/css'>
        <link href='https://fonts.googleapis.com/css?family=Anton' rel='stylesheet' type='text/css'>
        <!---- start-smoth-scrolling---->
		<script type="text/javascript" src="/mobile/js/move-top.js"></script>
		<script type="text/javascript" src="/mobile/js/easing.js"></script>
		<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event){		
					event.preventDefault();
					$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
				});
			});
		</script>
		<script src="/mobile/js/jquery.easydropdown.js"></script>
			<script src="/mobile/js/cbpViewModeSwitch.js" type="text/javascript"></script>
</head>
<body data-id="{$cid}">
	<div class="header" id="home">
				 <div class="container">	
				   <div class="logo">
					<a href="index.html"><img src="/mobile/images/logo.png" alt=""/></a>
				</div>
					<div class="top-menu">
						<span class="menu"> </span>
						<ul>
							<li><a href="index.html">home</a></li>
							<li><a class="active" href="portfolio.html">portfolio<lable><img src="/mobile/images/line.png"></lable></a></li>
							<li><a href="about.html">about</a></li>
							<li><a href="contact.html">contact</a></li>
							<li><a class="last" href="blog.html">blog</a></li>
							</ul>
							</div>
		<script>
			$("span.menu").click(function(){
				$(".top-menu ul").slideToggle("slow" , function(){
				});
			});
		</script>
		<!-- script-for-menu -->
							<!-- start search-->
				    <div class="search-box">
					    <div id="sb-search" class="sb-search">
							<form>
								<input class="sb-search-input" placeholder="Enter your search term..." type="search" name="search" id="search">
								<input class="sb-search-submit" type="submit" value="">
								<span class="sb-icon-search"> </span>
							</form>
						</div>
				    </div>
					<!-- search-scripts -->
					<script src="/mobile/js/classie.js"></script>
					<script src="/mobile/js/uisearch.js"></script>
						<script>
							new UISearch( document.getElementById( 'sb-search' ) );
						</script>
					<!-- //search-scripts -->
				<div class="clearfix"></div>
			</div>

		<!-- script-for-nav -->
				<script>
					$(document).ready(function(){
						$("span.menu").click(function(){
							$(".top-nav ul").slideToggle(1000);
						});
					});
				</script>
		<!-- script-for-nav -->
		<!-- /top-nav -->
                   <div class="clearfix"></div>
				</div>
		 </div>
		  <!-- header-section-ends -->
<div class="banner">
	<div class="container">
		<h3>3z学堂</h3>
	</div>
</div>
<div class="content">
	<div class="portfolio">
		<div class="portfolio-header">
			<h3>{$name}</h3>
		</div>
		<script src="/mobile/js/easyResponsiveTabs.js" type="text/javascript"></script>
						<script type="text/javascript">
							$(document).ready(function () {
								$('#horizontalTab').easyResponsiveTabs({
									type: 'default', //Types: default, vertical, accordion           
									width: 'auto', //auto or any width like 600px
									fit: true   // 100% fit in a container
								});
							});
							
						</script>
					
						<div class="sap_tabs">
							<div id="horizontalTab" style="display: block; width: 100%; margin: 0px;">
								<div class="filter_box">
									<div class="filter_grid">
										<div class="col-md-10 filter_nav">
											  <ul class="resp-tabs-list">
												  <li class="resp-tab-item" aria-controls="tab_item-0" role="tab"><span><a href="/">首页</a></span></li>
												  <li class="resp-tab-item" aria-controls="tab_item-1" role="tab"><span><a href="/mobile_per">个人中心</a></span></li>

												  <div class="clearfix"></div>
											  </ul>
										</div>
										<!--<div class="col-md-2 dropdown-button">
											<select class="dropdown" tabindex="6" data-settings='{"wrapperClass":"flat"}'>
											<option value="0">CATEGORY</option>	
											<option value="1">Lorem</option>
											<option value="2">Ipsum</option>
											<option value="3">Dolar</option>
											<option value="4">Sit Amet</option>
											<option value="5">Kullar</option>
											</select>
										</div>-->
										<div class="clearfix"></div>
									</div>
								</div>
								<div class="resp-tabs-container">
									<div class="tab-1 resp-tab-content" aria-labelledby="tab_item-0">
										<div class="tab_img">
											<div class="container">
												{volist name="data" id="v"}
												<div class="col-md-4 img-top ">
													<div class="portfolio-wrapper">		
														<a href="/detail_course/{$v['id']}" class="b-link-stripe b-animate-go  thickbox play-icon popup-with-zoom-anim">
														<img src="/uploads/{$v['address']}" />
														</a>
													</div>
													<div style="color:green;">{$v['description']}</div>
												</div>
												{/volist}
												<div class="clearfix"></div>
											</div>
										</div>
																			 
									</div>
								</div>
							</div>
						</div>
	<!-- pop-up-box -->
					  <script type="text/javascript" src="/mobile/js/modernizr.custom.min.js"></script>    
					<link href="/mobile/css/popuo-box.css" rel="stylesheet" type="text/css" media="all" />
					<script src="/mobile/js/jquery.magnific-popup.js" type="text/javascript"></script>
			<!-- //pop-up-box -->
					<div id="small-dialog" class="mfp-hide">
						<div class="image-top">
							<img src="/mobile/images/bus1.jpg" alt="" />
							<p></p>
						</div>
					</div>
					<!--<script>
						$(document).ready(function() {
						$('.popup-with-zoom-anim').magnificPopup({
							type: 'inline',
							fixedContentPos: false,
							fixedBgPos: true,
							overflowY: 'auto',
							closeBtnInside: true,
							preloader: false,
							midClick: true,
							removalDelay: 300,
							mainClass: 'my-mfp-zoom-in'
						});
																						
						});
				</script>-->
					<!--<div class="page-nation">
					<ul>
						<li><a class="active" href="#">1</a></li>
						<li><a class="span" href="#">prev next</a></li>
						<li><a class="active" href="#">2</a></li>
						<li><a class="active" href="#">3</a></li>
					</ul>
				</div>-->

	</div>

		  		<!-- Work Ends Here -->
</div>
	<!--<div class="footer">
		<div class="container">
			<div class="col-md-3 twitter-feeds">
				<h3>twitter feeds</h3>
				<div class="twitter-feed">
					<p>Check out this great theme item</p>
					<a href="#">http://tadjalskfj.com</a>
					<p>2 weeks ago</p>
				</div>
				<div class="twitter-feed">
					<p>Check out this great theme item</p>
					<a href="#">http://tadjalskfj.com</a>
					<p>2 weeks ago</p>
				</div>
				<div class="twitter-feed">
					<p>Check out this great theme item</p>
					<a href="#">http://tadjalskfj.com</a>
					<p>2 weeks ago</p>
				</div>
			</div>
			<div class="col-md-3 new-letter">
				<h3>newsletter</h3>
				<div class="new-letters">
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ultricies sagittis magna a comm. Ut eget eros mauris, urna.</p>
				</div>
				<h4>Your Email Address</h4>
				<form>
					<input type="text">
					<input type="submit" value="sign up">
				</form>
			</div>
			<div class="col-md-3 recent-projects">
				<h3>recent projects</h3>

				<div class="recent-project">
					<div class="recent-img">
						<img src="/mobile/images/im1.jpg">
					</div>
					<div class="recent-text">
						<p>Sketchy Business Card</p>
						<a href="#">http://tadjalskfj.com</a>
						<p>2 weeks ago</p>
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="recent-project">
					<div class="recent-img">
						<img src="/mobile/images/im2.jpg">
					</div>
					<div class="recent-text">
						<p>Message Boards in Nature</p>
						<a href="#">http://tadjalskfj.com</a>
						<p>2 weeks ago</p>
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="recent-project">
					<div class="recent-img">
						<img src="/mobile/images/im3.jpg">
					</div>
					<div class="recent-text">
						<p>Website Design Kit</p>
						<a href="#">http://tadjalskfj.com</a>
						<p>2 weeks ago</p>
					</div>
					<div class="clearfix"></div>
				</div>

			</div>
			<div class="col-md-3 contact">
				<h3>contact</h3>
				<ul>
					<li><i class="phone"></i></li>
					<li><p>1-000-000-0000</p>
						<p>1-000-000-0000</p></li>
				</ul>
				<ul>
					<li><i class="smartphone"></i></li>
					<li><p>1-000-000-0000</p>
						<p>1-000-000-0000</p></li>
				</ul>
				<ul>
					<li><i class="message"></i></li>
					<li><a href="#">bcdefg@hijs.dfh</a>
						<a href="#">fjashfaf@jkfs.ckd</a></li>
				</ul>
			</div>
			<div class="clearfix"></div>
			<div class="footer-bottom">
				<p>Copyright &copy; 2016.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
			</div>
			<script type="text/javascript">
                $(document).ready(function() {
                    /*
                    var defaults = {
                          containerID: 'toTop', // fading element id
                        containerHoverID: 'toTopHover', // fading element hover id
                        scrollSpeed: 1200,
                        easingType: 'linear'
                     };
                    */

                    $().UItoTop({ easingType: 'easeOutQuart' });

                });
			</script>
			<a class="scroll" href="#home" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
		</div>
	</div>-->
</body>
</html>
